{extend name="Base/common"}
{block name="header"}
<link rel="stylesheet" href="__HOME__/css/form.css">
{include file="Public/header1"}
{/block}
{block name="body"}
<div class="layout-center">
    <style>
        .tbStudent{ display:none; }
.tbStudent table{ width:350px;}
.tbStudent tbody tr{ line-height:25px;}
.tbStudent .span{ width:20px;}  
</style>
    <div class="box layout-show-main">
        <div class="box-title">
            <span><b class="icon5"></b>详细信息&nbsp;&gt;&nbsp;{$detail.name}</span>
        </div>
        <table class="showbaseinfo">
            <tbody>
                <tr>
                    <td width="80" align="center" valign="top" data-id="" id="userphoto">
                        <b class="browdh"></b>
                        <p>
                            <nobr>张</nobr>
                        </p>
                    </td>
                    <td valign="top">
                        <div class="infobox">
                            <div class="infoboxarr">
                            </div>
                            <p>
                                <b>报修时间</b>：{$detail.time}<b> 上门报修 </b>
                            </p>
                            <p>
                                <b>维修项目</b>：{$detail.name}</p>
                            <p>
                                <b>故障描述</b>：{$detail.repair_desc}</p>
                        </div>
                    </td>
                </tr>
                <!-- logicon1 logiconB -->
            </tbody>
        </table>
        <table class="showbaseinfo">
            <tbody>
                <tr>
                    <td width="80" align="center" valign="top">
                        <b class="browjd" id="showicon"></b>
                        <p id="showtitle">进度</p>
                    </td>
                    <td valign="top">
                        <div class="browbox">
                            <div class="browboxarr">
                            </div>
                            <div id="repairlog-warp" style="min-height: 100px; position: relative;" class="">
                                <table class="repairlogtab" cellpadding="0" cellspacing="0">
                                    <tbody>
                                        {notempty name='progress'}
                                            {volist name='progress' id='item'}
                                                <tr>
                                                    <td class="LogTime" valign="top">
                                                        <p style='color: #222'>{$item.date}</p>
                                                        <p style='color: #999; font-size: 14px'>{$item.times}</p>
                                                    </td>
                                                    <td class="logicon" valign="top">
                                                        {if condition='$item.status eq 3'}
                                                        <b class="logiconB"></b>
                                                        {elseif condition='$item.status eq 4'}
                                                        <b class="logiconB big"></b>
                                                        {else /}
                                                        <b class="logicon1"></b>
                                                        {/if}
                                                    </td>
                                                    <td class="Bstate Bstate-1" valign="top" style=" font-weight:bold;">
                                                        <span>
                                                                {if condition='$item.status eq 0'}
                                                                    审核
                                                                    {elseif condition='$item.status eq 1' /} 
                                                                    分配
                                                                    {elseif condition='$item.status eq 2' /}
                                                                    处理中   
                                                                    {elseif condition='$item.status eq 3' /}
                                                                    已处理
                                                                    {elseif condition='$item.status eq 4' /}
                                                                    <span style='color: #2dcb70'>已评价</span>
                                                                {/if}
                                                            </span>
                                                    </td>
                                                    <td class="LogDesc" valign="top">
                                                        {$item.content}
                                                    </td>
                                                </tr>
                                            {/volist}
                                            {else /}
                                            <p style='text-align: center; font-size: 16px; height: 30px; line-height: 30px; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -50px'>还没有进度！！</p>
                                        {/notempty}
                                    </tbody>
                                </table>
                                <div style="clear: both;">
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <table class="showbaseinfo">
            <tbody>
                <tr>
                    <td width="80" align="center" valign="top">
                        <b class="browpl"></b>
                        <p>
                            评论</p>
                    </td>
                    <td valign="top">
                        <div class="browbox">
                            {empty name='comment'}
                            <div class="browboxarr">
                            </div>
                            <div id="div-comment" style="min-height: 50px;" class=""> <span>暂无评论</span>
                            </div>
                            <span style="color: #999;">文明上网，登录评论</span>
                            {else /}
                            <div id="div-comment" style="min-height: 50px;" class="">
                                {empty name='comment.from.headimgurl'}
                                <img src="__HOME__/img/avatar.jpg" alt="默认头像" style='width: 40px; height: 40px; vertical-align: middle' />
                                {else /}
                                <img src="{$comment.from.headimgurl}" alt="个人头像头像" style='width: 40px; height: 40px; vertical-align: middle' />
                                {/empty}
                                <span style='margin-right: 10px; margin-left: 10px'>{$comment.from.truename}</span>
                                <span>{$comment.from.username}</span>
                                <span class='fr' style='color: #999; font-size: 12px'>{$comment.time}</span>
                            </div>
                            <span style="color: #999; margin-left: 55px">{$comment.content}</span>
                            {/empty}
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="ad1">
    </div>
    <div class="box layout-show-menu">
        <div class="box-title">
            <span><b class="icon5"></b>其他报修</span>
        </div>
        <div id="showlist" style="min-height: 328px;" class="">
            
        </div>
    </div>
    <script type="text/javascript">
        $(function() {
            getData4({p: 1, limit: 4})
        })
    </script>
    <script type='text/templet' id='mode4'>
        <a href="/pages/progress?id={id}" target="_blank">
            <ul class="datalist datalist-item showrepairedlist" data-id="f9cbb8b0-55cb-4e81-adb5-a98300f31889">
                <li class="Bserial">
                    <nobr>{id}</nobr>
                </li>
                <li class="Bstate" style="color:red">
                    <nobr>{status}</nobr>
                </li>
                <li class="Bcontent" title="装修，需要临时关闭总水阀。">
                    <nobr>{repair_desc}</nobr>
                    <nobr>
                    </nobr>
                </li>
                <nobr>
                </nobr>
                <li class="BuserName">
                    <nobr>
                    </nobr>
                    <nobr>{uuname}</nobr>
                    <nobr>
                    </nobr>
                </li>
                <nobr>
                </nobr>
                <li class="Btime" title="2018-10-24 14:45">
                    <nobr>
                    </nobr>
                    <nobr>
                        <span style='padding-right: 10px'>{date}</span>
                        <span>{times}</span>
                    </nobr>
                    <nobr>
                    </nobr>
                </li>
                <nobr>
                </nobr>
            </ul>
        </a>
    </script>
    <div id="hrinfo" class="tbStudent">
    </div>
    <input type="hidden" id="PageSize" value="10">
    <div style="clear: both;">
    </div>
</div>
{/block}
{block name="footer"}
{include file="Public/footer1"}
{/block}